/*
    Created on : 2015-3-27, 10:36:06
    Author     :wind
*/
*{ padding: 0; margin: 0;}
html,body{ font-family: Arial,SimHei; font-size: 14px; background: #fff; position: relative; padding: 0; height:100%; padding-top: 30px;}
ul,li{ list-style: none;}
a{ text-decoration: none; color: #000}
a:hover, a:focus{ text-decoration: none;}
img{ border: none;}
h1, .h1, h2, .h2, h3, .h3{ margin-top: 5px;}
table {border-collapse: collapse;border-spacing: 0;}
.container{ padding: 0;}
.row{ margin: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0;}
.modal-dialog{ margin: 15% auto}
.footer{ background: #222; color: #fff; height: 60px; text-align: center; line-height: 60px; font-size: 15px; overflow: hidden}
.btn-green {
    background-color: #0eaaa6;
    color: #fff;
}   
btn {
    border-radius: 2px;
    text-decoration: none;
}

.instru{ margin: 10px 0; position: relative;}
.instru img{ width: 100%;}
.instru h3{ text-align: center}
.div_con{ display: block; overflow: hidden; height: 100%;}
img.blur_a{
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1 ;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-filter: blur(0px);
}
 .div_con:hover .blur_a, img:hover.blur_a{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
  transition: transform 0.35s, opacity 0.35s;
 -webkit-filter: brightness(0.5);
}
/*廣告輪播*/
.ad{ position: relative;}
.ad .swiper-slide{ height: 600px;}
.ad .swiper-slide img{ width: 100%;}
.swiper-con{ height:300px;}

.pric_con h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal ;
  margin: 0;
  padding: 0 !important;
  margin: 0 0 0 10% ;
  position: absolute;
  z-index: 3;
  top: 48%;
  left: 0;
  color: #fff;
  text-align: center;
  width: 80%;

}

.priceCap {
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  z-index: 5;
  top: 30%;
  left: 20%;
  right: 20%;
  color: #fff;
  text-align: center;
  width: 60%;
  letter-spacing: -1px;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  overflow: hidden;
  padding-bottom: 5px;
  -webkit-transition: -webkit-transform 0.70s;
  transition: transform 0.70s;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* .pric_con:hover .priceCap {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}*/

.priceCap span {
  -webkit-transition: -webkit-transform 0.35s, opacity 0.15s;
  transition: transform 0.35s, opacity 0.15s;
  -webkit-transform: translate3d(0,50px,0);
  transform: translate3d(0,50px,0);
  opacity: 1;
}
/* .pric_con:hover .priceCap span {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
  opacity: 1;
}*/
 .pric_con h3 {
  -webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
  opacity: 1;
  top: 50%;
}
 .pric_con font{ background:rgba(0,0,0,.5); padding: 5px 10px; position: absolute; right: 0; bottom: 0; color: #fff; }
/* .pric_con:hover h3 {
  -webkit-transform: translate3d(0,-10px,0);
  transform: translate3d(0,-10px,0);
  opacity: 1;
}*/
img.blur{
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1 ;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-filter: blur(0px);
}
img.blur.active{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1 ;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-filter: blur(2px);
}
.block_relative{ position: relative;}
/*主導航*/
.affix{position: fixed; top: 0}
.navbar-aiyue{ width: 100%; background: #000; border-radius: 0px; margin: 0; height: 60px; z-index: 99}
.nav_aiyue>li>a,.navbar-nav>li>a{color: #fff; font-size: 15px; height: 60px; line-height: 60px; padding: 0 20px}
.navbar-aiyue .navbar-nav>.active>a, .navbar-aiyue .navbar-nav>.active>a:hover, .navbar-aiyue .navbar-nav>.active>a:focus{
    color: #fff;
    background:url(../images/nav_hovebg.gif) no-repeat 10px 50px
}
.navbar-aiyue .navbar-nav>li>a:hover, .navbar-aiyue .navbar-nav>li>a:focus{ background: none}
.navbar-aiyue .nav > li > a:hover, .navbar-aiyue .nav > li > a:focus{ background: none}
.navbar-right li a{ padding: 0 10px}
.menu-responsive {
    width: 100%;
    display: none;
    background-color: rgba(50, 50, 50, 0.88);
    position:fixed;
    top:59px;
    left:0;
    right:0;
    z-index: 9999;
}
.menu-responsive ul li {
    padding: 0px 0px 0px 25px;
}
.menu-responsive ul li a {
    display: block;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}
.menu-responsive ul li.active{
    background-color: rgba(0, 189, 107, 0.88);
}
.toggle-menu {
    width: 36px;
    height: 36px;
    float: right;
    margin: 10px 10px 0 0 ;
    font-size: 25px;
    color: #fff;
}
.scrolled {
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    *-moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
}
.go_top{ position: fixed; bottom: 50px; right: 20px; color: #339966; font-size: 30px; display: none}
.pader-top{margin-top: 60px;}
.navbar-brand{ padding: 0 15px;}
.gmap3{ height: 500px;}

/*聯系我們*/
.contact{ margin-top:5%; font-size: 18px; text-align: left;}
.contact a{ color: #0eaaa6; }
.gmap3{width:900px; height:500px; border:none; overflow:hidden}

/*分頁*/
.banner_page{ width: 700px; height: 87%; padding-top: 20px;}
.banner_page h2{ text-align: center;}
.shar{ text-align: center; font-size: 20px; margin: 10px 0;}
.shar a{ margin: 0 10px; color: #2a6496; display: inline-block; }
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{float: none !important; width: 30px; height: 30px; background: url(../images/icons_0_16.png) no-repeat !important}
.bdshare-button-style0-24 .bds_fbook{background-position:0 -1352px !important; }
.bdshare-button-style0-24 .bds_weixin{background-position: 0 -1612px !important;}
/*關於*/
.about{color: #fff;text-align: center;}
.logo_content{ width:600px; margin: 20px auto;}
.about_title{ margin: 20px; height: 40px; line-height: 40px; border-bottom:solid #fff 2px; text-align: center; font-size: 20px; text-align: center; }
.about_title span{ margin: 0 30px; text-align: left;}
.about_text{ width: 430px; margin:0 auto}
.about_text ul li{ display: block; text-indent: 5em; text-align: left; width:100%; height: 41px; line-height: 41px; font-size: 20px;  background: url("../images/about_lbg.png") no-repeat; margin:5px 0;}
.banner{ margin-top:20px}
.banner img{ width: 100%;}
.about_content{min-height: 92%;}
.about_page{width: 550px; min-height: 70%; padding:10px; text-align: center;  margin: 0 auto;}
.about_page p{ text-indent: 2em; font-size: 15px; line-height: 25px; text-align: left;}
.about_page img{ margin-top: 10px; max-width: 100% ; height: auto} 


/*樂器教學*/
.teach{text-align: center; margin-top:20px;}
.teach_text{
  background-color: rgba(255,255,255,0.5);
  margin-top: 50px;
  padding:30px 0;
  color: #000;
  position: relative;
  width: 230px;
  margin: 0 auto;
  top: -500px;}
.teach_text h2{ margin-bottom: 30px; }
.teach p{ font-size: 20px;}
.teach_con{ display:block; height: 274px; overflow: hidden;  padding: 0;}
.teach_con img{width: 100%; height: 100%;}
.teach_img{ position: relative; height: 300px; display: block; }
.teach_img img{ height: 100%; width: 100%;}
.bg_img1{ height: 548px; position: relative; }
.bg_img1 img{ width:100%; height: 100%;}
.teach_page{ text-align: center; position: relative; padding: 10px 0; min-height: 400px;}
.teach_page img{ max-width: 100%;}
.input_val{ border: none;}
/*愛樂連鎖*/
.chain .title{ text-align: center; margin: 30px 0; color: #000; font-size:20px;}
.chain p{ text-align: center; color: #000; font-size: 18px; line-height: 30px;}
.bg-light-grey{ background: #f9f9f9; padding-bottom: 50px; margin-top: 20px;}
.chain_block{ padding: 10px; height: 320px; overflow: hidden; position: relative;}
.chain_block a{ display: block; overflow: hidden; width: 100%;} 
.chain_block img{ width: 100%;}
.chain_block h2{ text-align: center; font-size: 30px; color: #000}
.chain_block a:hover .chain_caption{ display: block}
.chain_block .chain_caption{position:absolute;display: none; top: 0; height: 100%;  width: 100%; background-color: rgba(255,255,255,0.5);}
.chain_block .chain_caption p{ margin-top: 20%;}
.chain_block .priceCap{border-bottom: 1px solid rgba(255,255,255,0.5);}
.chain_block .priceCap span{ color: #fff;}
.chain_block h3{ color: #fff;}

#chain_mo{ 
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;}
.chain_contrl{ position: absolute; margin-top: -15px; top: 50%; font-size: 30px;}
.chain_content{ text-align: center;}
.chain_content img{ width: 100%;}
.chain_content p{ margin: 10px 0; text-align: left;}
.chain_content .carousel-control.left{left:0; color: #fff;}
.chain_content .carousel-control.right{right:0;color: #fff;}
.chain_content .swiper-pagination{ text-align: center; width: 100%; margin-top: -20px;}
.chain_content .swiper-button-next{right:0;}
.chain_content .swiper-button-prev{ left:0;}
/*预约*/
.booking_title{ color:#000; text-align: right;  padding-bottom: 10px; text-align: center;}
.booking_title h1{display: inline-block; width: 300px; line-height: 100px;   padding-top: 20px;}
.booking_title h1 img{ margin-right: 10px; width: 70px;}
.booking_title2{ background:url("../images/book_titlebg2.jpg") no-repeat; width: 411px; height: 36px; line-height: 36px; color: #fff; text-align: center; font-size: 20px;  margin-top: 30px;}
.table{ margin-top: 10px; max-width: 100%; }
.bk-btn_blue{background-color:#FFF; color:#3b4a9d; border:solid #3b4a9d 1px; margin-top: 50px; width: 200px; font-size: 20px; }

.table-border-blue{ border: 1px solid #3B4A9D;}
.table-border-blue > thead > tr > th, .table-border-blue > tbody > tr > th, .table-border-blue > tfoot > tr > th, .table-border-blue > thead > tr > td, .table-border-blue > tbody > tr > td, .table-border-blue > tfoot > tr > td{ border: 1px solid #3B4A9D; padding: 0; line-height: 30px; font-size: 15px; text-align: center; width: 25%; overflow:hidden;}
.table-border-blue .table > tbody > tr > td{ text-align: center; font-size: 15px; vertical-align:middle; padding:0;  width: 25%; overflow: hidden; color: #000;}
.table-border-blue .table > thead > tr > th{ font-size: 15px; text-align: center; overflow: hidden; width: 25%;}
.table_rowtd{ border: none;}
.table_content{ margin-bottom: 30px;}
.table_content .form-control{font-size: 18px; line-height: 20px; box-shadow:none; height: 150px; overflow-y:scroll; padding: 0; margin: 0}
.table_rowtd li{ color: #4e4ea7; cursor: pointer; height: 25px; line-height: 25px; font-size: 15px; font-family: arial,SimHei; width: 100%; overflow: hidden;}
.table_rowtd li.active{ background: #3B4A9D; color: #fff;}
.price{font-size: 30px; color: #6A73A8; border-bottom:#6A73A8 solid 1px; width: 200px; float: right }
.price span{ font-size: 20px;}
.booking_lian_bg{ width:627px; height: 412px; background: url("../images/booking_lianbg.jpg") no-repeat; margin: 30px auto; text-align: center; color: #fff;  padding-top: 50px; }
.booking_lian_bg h3{ width: 300px; margin: 20px auto; font-size: 18px;}
.booking_lian_bg hr{ width: 70%; margin:0 auto; border-top: 1px solid #999; } 
.booking_lian_bg table{ background-color: #fff;}
.bg_blue{ background-color:#3b4a9d; line-height: 40px; }
.table-border-blue>tbody >tr>td.font_white{color: #fff;}
.booking_lian_bg .table-border-blue{ width: 500px; margin:0 auto}
.modal-footer{ text-align: center;}
.btn-blue{ background-color: #3B4A9D; color: #fff}
.btn-blue:hover,.btn-blue:focus{background-color: #3B4A9D; color: #fff}
.checkbox.custom-checkbox span, .radio.custom-radio span {
    background-color: #fff;
    border: 1px solid #999;
    font-size: 10px;
    line-height: 10px;
    padding: 3px;
    border-radius: 2px;
    float: left;
    margin-right: 5px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#myModal_bk .modal-dialog{ width: 400px; margin: 300px auto}
.checkbox.custom-checkbox input[type="checkbox"], .radio.custom-radio input[type="radio"], .checkbox.switch input[type="checkbox"] {
    position: absolute;
    left: -9999em;
}
.checkbox.custom-checkbox input:checked+span, .radio.custom-radio input:checked+span {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.align-right {
    text-align: right !important;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    background-color: #068b85 !important;
    color: #fff !important;
}
.teach-right{ padding-left: 50px;}
.teach-right p span{ text-align: left;}
/*樂器*/

.qin_bg{ width: 647px; height: 432px; background: url("../images/qin_bg.jpg") ; margin: 30px auto; padding: 10px 0; color:#fff; }
.qin_bg table{ width: 90%; margin: 0 auto; color: #fff; font-size: 20px; text-align: center;}
.table-border-wihte{ border: 1px solid #fff;}
.table-border-wihte tr td{ border: 1px solid #fff;}
.qin_title{ font-size: 25px; height: 40px; line-height:40px; text-align: center; border-bottom: #fff 1px solid; width: 70%; margin: 20px auto;}
.qin_bg p{ text-align: center; font-size: 18px; margin-bottom: 20px;}
.qin-li{ padding: 10px; margin-bottom: 20px;}
.qin-li h3{ text-align: center;}
.qin-img{ height: 300px;}
.portfolio-overlay {
  background-color: rgba(76, 209, 151, 0.88);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 25px;
  text-align: center;
  color: white;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.portfolio-overlay p{
    height: 80px;
    overflow: hidden;
}
.portfolio-overlay .expand{
  display: inline-block;
  cursor: pointer;
  margin-top:5%;
  margin-left:5px;
  width:120px;
  height:36px;
  line-height:36px; 
  border-radius: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  background-color: white;
  text-align: left;
  padding-left: 10px;
  border: 1px solid #fff;
  font-size: 15px;
  color: #4CD197; 
}
.portfolio-overlay .expand:hover{background-color: #4CD197; color:#fff;}
.portfolio-overlay .expand i{font-size: 25px; margin-right: 5px;  display: inline-block; }
.teach_img:hover .portfolio-overlay {
  opacity: 1;
  visibility: visible;
}
.modal-img{float: left; width:50%; }
.modal-img img{ width: 100%;}
.modal-text{float: right;width:45%; margin-left: 10px; text-align: left;}

/*租练*/
.rent-table{ width:70%; margin: 0 auto; margin-bottom: 10px;}
.rent-tel{ width: 70%; margin: 0 auto;}
.rent-tel p{font-size: 14px; text-align: left;}
/*音乐考试*/

.exma-img{ text-align: center; padding-bottom: 20px;}
.exma{text-align: center; padding-bottom: 30px;}
.exma img{ margin: 0 auto; max-width: 100%;}


/*学生守则*/
.rules{width: 1024px;  height: 800px; background: url(../images/rules_img.jpg) top right no-repeat;}
.rules_text{  float: right; width:50%; padding: 10px;  margin-right: 20px;}
.rules h1{ text-align: center; height: 50px; line-height: 50px;}
.rules p{font-size: 20px; line-height: 40px;}

/*留言*/
.messge{ position:fixed; top:200px; left:0; z-index: 9;filter:alpha(opacity=80);
         -moz-opacity:0.8;
         -khtml-opacity: 0.8;
         opacity: 0.8;
         z-index: 1050;
         width: 330px;
         margin-left: -300px;
}
.messge_nav{ float: right; height: 130px; width: 30px; background-color:#000;  font-family: Arial,SimHei;text-align: center;font-size: 15px;color: #fff;line-height: 30px;letter-spacing: 2px;padding: 5px; cursor: pointer; }
.message_content{float: left; width:300px; background:#000; padding:5px 0;}
.messge .message_input{ display: block; width: 80%; margin: 10px auto; padding:0 0 0 5px; height: 35px; background-color: #fff; font-size: 15px; color: #000; }
.messge .message_area{display: block; width: 80%; height: 70px; background-color: #fff; margin: 10px auto; color: #000; border-radius: 0px;
                      -webkit-border-radius: 0px; padding: 0 0 0 5px}
.messge .message_button{ display: block;  margin: 10px auto; width: 178px;height: 45px;background-color: #000;border:1px solid #fff;font-size: 16px;color: #FFF; border-radius: 5px;
                         -webkit-border-radius: 5px; }
.messge .message_button:hover{ background: #333;}
.message_show{ margin-left: 0;}
/*購物車*/
.shop_list{ width:70%; margin:0 auto; margin-top: 10px; }
.shop_list_titleimg{ padding-bottom:5px; background:url(../images/title_bg.gif) repeat-x;}
.shop_list_title2 th{ height:30px; line-height:30px; text-align:center }
.shop_list table tr td{ background:#FFF; text-align:center; vertical-align:middle;}
.shop_list_title{ padding-left:5px; color:#000; font-size:15px; background:#FFF;}
.shop_list_title2{ background:#647599; color:#FFF;}
.shop_list_title2:hover th{background-color:#647599 !important;}
.shop_list_del{ text-decoration:underline;}
.shop_list_bt { margin:20px 0; }
.shop_list_bt ul li{ width:40%;}
.shop_history_title{background:#bebebe; color:#FFF;}
.shop_list_num{display: inline-block; font-size: 20px; min-width:30px;vertical-align:middle;color: #e6727a}
.text_ellipsis { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.show_img{ width: 100px ;height: 100px;}
/* 表單 */
.input_txt{border:#e6727a solid 1px; border-radius:5px; height:25px; }
.input_txt_verify{ float:left; border:#e6727a solid 1px; border-radius:5px; height:25px; width:15%;}
.input_btn{display:block; float:left; height:30px; width:20%; min-width:80px; background:#9CD34F; color:#FFF; text-align:center; line-height:30px; border-radius:5px; border:none;}
.input_btn:hover{background:#5B9900; color:#fff; }
.input_btn_red{display:block; float:left; height:30px; width:20%; min-width:80px; background:#FF4F4F; color:#FFF; text-align:center; line-height:30px;border: none; }
.input_btn_red:hover{background: #C70909}
.input_btn_blue{display:block; float:left; height:30px; width:20%; min-width:80px; background:#43B5F0; color:#FFF; text-align:center; line-height:30px; border: none; }
.input_btn_blue:hover{ background:#0074a5; color:#fff;}
.ico_minu{font-size:30px; color:#9CD34F; display: inline-block ; vertical-align:middle}
.ico_minu i{cursor: pointer;}
.a_txt{ text-decoration:underline; color: #e6727a; font-size: 25px;}
.a_txt:hover{ color:#F00;}
.frome_table{width:100%; background:#CCC; font-weight:normal;}
.frome_table tr td{ background:#FFF;}
/*other*/
.a-justify{text-align: justify}
.c-t{text-align: left;line-height: 20px}
.c-t a{color: #333}

@media (max-width: 1200px){
.navbar .container { width:100%;}
.instru .gallery-cell{ width: 25%; height: 200px; counter-increment: gallery-cell}
.teach_page .flickity-slider .gallery-cell{ width: 100%; height: 350px; height: 200px; counter-increment: gallery-cell}
}
@media (max-width: 991px) and (min-width: 768px){
  .navbar-collapse.collapse { display: none !important;}
  .rules{ width: 100%;}
  .rules_text{ width: 100%;}
.bg_img1{ height: inherit;}
 .about_text ul li{ text-indent: 2em; background-position-x:-100px;}
 .teach_text{ top: -320px}
.instru .gallery-cell{ width: 100%; height: 100px; counter-increment: gallery-cell}
.teach_page .gallery-cell{ width: 100%; height: 100px; counter-increment: gallery-cell}
.gallery-cell{ height: inherit}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display: none}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display: none}
    .chain_block,.booking_title2{ width:auto}
   }
@media (max-width:768px){
    .bg_img1{ height: inherit;}
    .about_text{ width: inherit;}
    .center-block{ padding: 0 10px;}
    .about_text ul li{ padding-left: 10px; width: 100%; text-indent: 0}
    .navbar .container {width:100%;}
    .logo_content{ width:inherit;}
    .rules{ width: 100%;}
      .rules_text{ width: 100%; margin: 0}
    .booking_title{ margin: inherit; background-position: left;}
    .about_page{ width: inherit;}
    .bk-btn_blue{ margin-top: 20px;}
    .qin_bg{ width: inherit; height: inherit;}
    .price{ width: 100%;}
    .teach_text{ top: -320px}
    .footer{ line-height: inherit; margin-top: 10px;}
    .instru .gallery-cell{ width: 100%; height:inherit; counter-increment: gallery-cell}
    .teach_page .gallery-cell{ width: 100%; height: inherit; counter-increment: gallery-cell}
    .gallery-cell{ height: inherit}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ display: none}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{display: none}
    .chain_block,.booking_title2{ width:auto; height: auto;}
    .banner .swiper-slide{ height: auto;}
    .bg_img1{ height: 350px !important;}
    .bg_img1 img{height: auto}
    .messge{ margin-left: 0; top: auto; bottom: 0; margin-bottom: -290px;}
    .messge .messge_nav{ clear: both; height: 30px; line-height: 30px; width: 130px; text-align: left; padding: 0; text-indent: 2em; float: left;}
    .messge .message_content{ clear: both;}
    .menu-responsive ul li{ border-bottom: #fff solid 1px;}
     .menu-responsive ul li:hover{ background: #339966;}
     .dl-horizontal dt,.dl-horizontal dd{ clear: none;}
}